<template>
  <el-row :gutter="10">
    <el-col :span="6"> <TodaySales /></el-col>
    <el-col :span="6"> <TodayOrders /></el-col>
    <el-col :span="6"> <TodayUsers /></el-col>
    <el-col :span="6"> <TotalUsers /></el-col>
  </el-row>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "TopViews",
});
</script>

<script setup lang="ts">
import TodayOrders from "./components/TodayOrders.vue";
import TodaySales from "./components/TodaySales.vue";
import TodayUsers from "./components/TodayUsers.vue";
import TotalUsers from "./components/TotalUsers.vue";
</script>

<style scoped></style>
